<?php global $Wcms; // Глобальная переменная CMS для доступа к методам ?>

<!DOCTYPE html> <!-- Объявление типа документа HTML5 -->
<html lang="<?= $Wcms->getSiteLanguage() ?>"> <!-- Установка языка сайта -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- Установка кодировки UTF-8 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Совместимость с IE -->
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Адаптивность для мобильных устройств -->

    <!-- Метатеги для SEO -->
    <meta name="title" content="<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>">
    <meta name="description" content="<?= $Wcms->page('description') ?>">
    <meta name="keywords" content="<?= $Wcms->page('keywords') ?>">
    <meta property="og:url" content="<?= $this->url() ?>">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="<?= $Wcms->get('config', 'siteTitle') ?>">
    <meta property="og:title" content="<?= $Wcms->page('title') ?>">

    <title><?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?></title> <!-- Заголовок страницы -->

    <!-- Подключение Google Fonts (Merriweather) -->
    <link href='https://fonts.googleapis.com/css?family=Merriweather:300italic' rel='stylesheet' type='text/css'>

    <!-- Подключение основного CSS файла -->
    <link rel="stylesheet" href="<?= $Wcms->asset('style.css') ?>">
    <?= $Wcms->css() ?> <!-- Дополнительные CSS из CMS -->
</head>
<body>
    <?= $Wcms->settings() ?> <!-- Настройки CMS -->
    <?= $Wcms->alerts() ?> <!-- Уведомления CMS -->

    <!-- Кнопка бургера для мобильного меню -->
    <button class="menu-toggle" type="button">☰</button>

    <!-- Боковая панель -->
    <div class="sidebar">
        <div class="sidebar-header">
            <h2 class="site-title"><?php echo $Wcms->get('config', 'siteTitle'); ?></h2> <!-- Название сайта -->
            <span class="site-author">by kate_may</span> <!-- Автор сайта -->
        </div>
        <nav class="sidebar-nav">
            <?php echo $Wcms->menu(); ?> <!-- Меню CMS -->
        </nav>
    </div>

    <!-- Основное содержимое страницы -->
    <div class="content">
        <div class="page-content">
            <?= $Wcms->page('content') ?> <!-- Динамическое содержимое страницы -->
        </div>
    </div>

    <!-- Футер -->
    <footer class="footer">
        <div class="footer-content">
            <?= $Wcms->footer() ?> <!-- Футер CMS -->
        </div>
    </footer>

    <!-- Подключение основного JS файла -->
    <script src="<?php echo $Wcms->asset('script.js'); ?>"></script>
    <?= $Wcms->js() ?> <!-- Дополнительные JS из CMS -->
</body>
</html>